<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@include file="/WEB-INF/index/public/header.jsp"%>

	<!-- 中部区域 -->
	<section class="container">
		<!-- 轮播图 -->
		<div class="slideBox">
			<div class="hd">
				<ul>
					<c:forEach items="${slides}" var="s"><li></li></c:forEach></ul>
			</div>
			<div class="bd">
				<ul>
				<c:forEach items="${slides}" var="s">
					<li><a href="${s.url}" target="_blank"><img src="${s.pics}" /></a></li>
				</c:forEach>
					<%--<li><a href="#" target="_blank"><img src="images/slide2.jpg" /></a></li>--%>
					<%--<li><a href="#" target="_blank"><img src="images/slide3.jpg" /></a></li>--%>
					<%--<li><a href="#" target="_blank"><img src="images/slide4.jpg" /></a></li>--%>
					<%--<li><a href="#" target="_blank"><img src="images/slide5.jpg" /></a></li>--%>
				</ul>
			</div>

			<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
			<a class="prev" href="javascript:void(0)"></a>
			<a class="next" href="javascript:void(0)"></a>

		</div>

		<!-- 电影区域 -->
		<ul class="movies">
			<li>
				<h2>热门电影</h2>
				<ul>
					<c:forEach items="${movies}" var="m">
						<li>
							<a href="${pageContext.request.contextPath}/detail/index/${m.id}.do">
								<img src="${m.poster}" alt="">

								<c:choose>
									<c:when test="${m.quality == 0}">
										<span class="high">高清</span>
									</c:when>

									<c:when test="${m.quality == 1}">
										<span class="super">超清</span>
									</c:when>
								</c:choose>
							</a>
							<a href="${pageContext.request.contextPath}/detail/index/${m.id}.do" class="mname">${m.mname}</a><span>-7.2分</span>
							<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
							</div>
						</li>
					</c:forEach>
				</ul>
			</li>

			<li>
				<h2>最新电影</h2>
				<ul>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
							<span class="super">超清</span>
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
							<span class="high">高清</span>
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</li>
		</ul>
		<a href="#" class="container more">更多精彩电影>></a>
	</section>
<%@include file="/WEB-INF/index/public/footerjs.jsp"%>
<script src="${pageContext.request.contextPath}/index/js/myjs/index.js"></script>
<%@include file="/WEB-INF/index/public/footer.jsp"%>